<!doctype html>
<link rel="stylesheet" href="s.css" />
<h1>Tests for <a href="../../">recipes</a>/<a href="../">effect</a>/corner-folded</h1>

<p class="doc">
    See <a href="http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/">http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/</a> for original effect
</p>

<h2>Top Left</h2>
<div class="wrapper">
    <div class="corner-folded-top-left"></div>
</div>

<hr />

<h2>Top Right</h2>
<div class="wrapper">
    <div class="corner-folded-top-right"></div>
</div>

<hr />

<h2>Bottom Left</h2>
<div class="wrapper">
    <div class="corner-folded-bottom-left"></div>
</div>

<hr />

<h2>Bottom Right</h2>
<div class="wrapper">
    <div class="corner-folded-bottom-right"></div>
</div>

